<template>
  <el-collapse-item :name="name">
    <template #title>
        <span style="padding-left:20px">
          基本设置<el-icon class="header-icon"><info-filled /></el-icon>
        </span>
     </template>
        <Id
          :element="element"
          :bpmnModeler="bpmnModeler"
        />
        <Name
          :element="element"
          :bpmnModeler="bpmnModeler"
        />
 
         <Initiator
          :element="element"
          :bpmnModeler="bpmnModeler"
        />
       <Documentation
          :element="element"
          :bpmnModeler="bpmnModeler"
        />

  </el-collapse-item>      
</template>
<script>
import Name from './parts/Name.vue'
import Id from './parts/Id.vue'
import Documentation from './parts/Documentation.vue'
import Initiator from './parts/Initiator.vue'
export default {
  components: {
    Name,
    Id,
    Documentation,
    Initiator
  },
  props: {
    element: {
      type: Object,
      default: undefined
    },
    bpmnModeler: {
      type: Object,
      default: undefined
    },
    name: ''
  }
}
</script>